/**
 * 快捷菜单
 *
 */
import { Grid, ConfigProvider } from "@nutui/nutui-react-taro";
import { View, Image } from "@tarojs/components";

function Shortcut() {
  return (
    <View className="rounded-lg bg-white overflow-hidden mt-[-60rpx] mx-[30rpx] py-[20rpx]">
      <ConfigProvider
        theme={{
          "--nutui-grid-border-color": "none",
        }}
      >
        <Grid columns="3">
          <Grid.Item text="收藏">
            <Image
              src={require("../../../../assets/img/icon/love.png")}
              className="w-[48rpx] h-[48rpx]"
            />
          </Grid.Item>
          <Grid.Item text="资讯">
            <Image
              src={require("../../../../assets/img/icon/message.png")}
              className="w-[48rpx] h-[48rpx]"
            />
          </Grid.Item>
          <Grid.Item text="我的券">
            <Image
              src={require("../../../../assets/img/icon/ticket.png")}
              className="w-[48rpx] h-[48rpx]"
            />
          </Grid.Item>
        </Grid>
      </ConfigProvider>
    </View>
  );
}

export default Shortcut;
